﻿
body
{
	background-color: #DCDCDC;
	font-family: 'Droid Sans' , arial, serif;
	margin: 0;
	padding: 0;
	font-size: medium;
}

.header > .text > h1
{
	font-family: 'Cherry Cream Soda' , arial, serif;
	font-size: xx-large;
	color: #CC0000;
}

.header > .text > .slogan
{
	font-family: 'Pacifico' , arial, serif;
	font-size: large;
	color: #CC0000;
}

.header > .logo
{
	float: left;
	margin: 3px;
}

.content
{
	padding: 10px;
	border: 1px solid #CC0000;
	background-color: White;
	margin: 50px;
	border-bottom-left-radius: 25px;
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
}

.menu
{
	float: none;
}

.menuitem
{
	padding: 4px;
	margin: 2px;
	border: 1px solid #DCDCDC;
	width: 150px;
	float: left;
	text-align: center;
	background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #CC0000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#CC0000), to(#2F2727));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC0000', EndColorStr='#2F2727'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#CC0000', EndColorStr='#2F2727')"; /* IE8 */
}

.menuitem > a
{
	color: #FFFFFF;
	text-decoration: underline;
}

.menuitem > a:visited
{
	color: #FFFFFF;
	text-decoration: underline;
}

a
{
	color: #3333CC;
	text-decoration: underline;
}

a:visited
{
	color: #3333CC;
	text-decoration: underline;
}

.body
{
	clear: both;
}

.image
{
	float: right;
}

hr
{
	border: 1px dashed #CC0000;
}

h2
{
	font-family: 'Droid Sans' , arial, serif;
	font-size: large;
	color: #CC0000;
	font-weight: bold;
}

.form
{
	border: 1px dashed #DCDCDC;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	width: 300px;
	padding: 20px;
}

.input
{
	padding-bottom: 10px;
}

.input > .label
{
	float: left;
	width: 100px;
}

.input > input
{
	width: 190px;
}

.error
{
	border: 2px dashed #CC0000;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	margin: 5px;
	background-color: #FFCC00;
	color: #000000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}

.counter
{
	float: right;
	border: 2px dashed #CC0000;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 5px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
}
